<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			a:hover {
				font-size: 30px;
				text-decoration: none;
			}
			
			span:hover {
				font-size: 30px;
				text-decoration: underline;
			}
			
			p::first-line
			{
				color:red;
			} 
		</style>
	</head>
	<body>
		<a href="http://www.baidu.com">百度一下</a>
		<span>哈俣</span>
		<p>
			第一个
			<br>
			第一个
		</p>
		<p>第二个</p>
		<p>第三个</p>
		<!-- 
			伪类是指标签的不同状态
			伪元素是指一批标签中同一个
		 -->
	</body>
</html>
